@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


   .border0
   {
       border:0px !important;
   }
    @media screen and (max-width: 767px) {
        .gridwidth {
            width: 50%;
        }

        .tblinnermarks {
            width: 100% !important;
        }
    }
    .gridwidth {
        width: 100%;
    }
    .tblinnermarks {
        width: 100%;
    }
    .tblinnermarks th span {
    color: #5d5d5d !important;
    }
     @media screen and (min-width: 767px) {
  .tblinnermarks tr:first-child td {
    padding: 3px;
            background-color:#ffffff;    
            color: #5d5d5d;       
            text-align: center;
            font-size: 18px!important;
            font-family: "Roboto Slab";
            font-weight: 500;
            border-right:25px solid #008d4f;

}
 .tblinnermarks tr:first-child td span {
 font-family: "Roboto Slab"!important;
    color: #5d5d5d !important;
    font-weight: 500!important;
    font-size: 18px!important;

}

 
 
 
    .tblinnermarks th {
            padding: 3px;
            background-color:#ffffff; 
            text-align: center;   
            color: #5d5d5d;       
            font-size: 18px!important;
            font-family: "Roboto Slab";
            font-weight: 500;
            border-right:25px solid #008d4f;
        }
        }
       @media screen and (max-width: 767px) {
       
       .tblinnermarks tr:first-child td
       {
	 padding: 1px;
            background-color:#ffffff;    
            color: #5d5d5d;       
            text-align: center;
            font-size: 16px!important;
            font-family: "Roboto Slab";
            font-weight: 500;
            border-right:5px solid #008d4f;
}
    .tblinnermarks tr:first-child td span {
 font-family: "Roboto Slab"!important;
    color: #5d5d5d !important;
    font-weight: 500!important;
    font-size: 16px!important;

}
    
	 .tblinnermarks th {
            padding: 1px;
            background-color:#ffffff;    
            color: #5d5d5d;       
            text-align: center;
            font-size: 16px!important;
            font-family: "Roboto Slab";
            font-weight: 500;
            border-right:5px solid #008d4f;
        }

}     
    .tblinnermarks td {        
            font-family: "Open Sans";
            padding-bottom: 10px;
            padding-top: 10px;          
            text-align: center;
            color: #ffffff;
        }
    .tbldetailinnse {
        width: 100%;
    }
    .borderbtm {
        border-bottom: 1px solid #bbb;
    }
    .borderleft {
        border-left: 1px solid #bbb;
    }
    .borderright {
        border-right: 1px solid #bbb;
    }
    .bordertop1 {
        border-top: 1px solid #bbb;
    }
    .detailsstudent {
        width: 100%;
    }
    .textcenter {
        text-align: center;
    }
    .textleft {
        text-align: left !important;
    }
    .w25 {
        width: 25%;
    }

    .w15 {
        width: 15%;
    }
@media screen and (min-width: 767px) {

.candidategrid .gvRow tr:nth-child(4) td
{ 
	padding-top:15px
} 
.candidategrid .gvRow tr:nth-child(2) td
{ 
	 padding: 1px;
        background-color: #fff;
        color: #5d5d5d;
        text-align: center;
        font-size: 18px!important;
        font-family: "Roboto Slab";
        font-weight: 500;
        border-right: 25px solid #008d4f;

} 
.candidategrid .gvRow tr:nth-child(3) td
{
	 padding: 1px;
        background-color: #fff;
        color: #5d5d5d;
        text-align: center;
        font-size: 18px!important;
        font-family: "Roboto Slab";
        font-weight: 500;
        border-right: 25px solid #008d4f;

}
.candidategrid .gvRow tr:nth-child(2) td span
{ 
        color: #5d5d5d!important;
        font-size: 18px!important;
        font-family: "Roboto Slab"!important;
        font-weight: 500!important;

} 
.candidategrid .gvRow tr:nth-child(3) td span
{
	   color: #5d5d5d!important;
        font-size: 18px!important;
        font-family: "Roboto Slab"!important;
        font-weight: 500!important;
}
.candidategrid .gvRow tr:nth-child(2) th span
{ 
        color: #5d5d5d!important;
        font-size: 18px!important;
        font-family: "Roboto Slab"!important;
        font-weight: 500!important;

} 
.candidategrid .gvRow tr:nth-child(3) th span
{
	   color: #5d5d5d!important;
        font-size: 18px!important;
        font-family: "Roboto Slab"!important;
        font-weight: 500!important;
}


    .gvHeader th {
        padding: 1px;
        background-color: #fff;
        color: #5d5d5d;
        text-align: center;
        font-size: 18px!important;
        font-family: "Roboto Slab";
        font-weight: 500;
        border-right: 25px solid #008d4f;
       
    }
    }
    
    @media screen and (max-width: 767px) {
    
    .gvRow tr:nth-child(2) td
{
	padding: 1px;
        background-color: #fff;
        color: #5d5d5d;
        text-align: center;
        font-size: 16px!important;
        font-family: "Roboto Slab";
        font-weight: 500;
        border-right: 3px solid #008d4f;
} 
    .gvRow tr:nth-child(3) td
{
	padding: 1px;
        background-color: #fff;
        color: #5d5d5d;
        text-align: center;
        font-size: 16px!important;
        font-family: "Roboto Slab";
        font-weight: 500;
        border-right: 3px solid #008d4f;
} 
.candidategrid .gvRow tr:nth-child(2) td span
{ 
        color: #5d5d5d!important;
        font-size: 16px!important;
        font-family: "Roboto Slab"!important;
        font-weight: 500!important;

} 
.candidategrid .gvRow tr:nth-child(3) td span
{
	   color: #5d5d5d!important;
        font-size: 16px!important;
        font-family: "Roboto Slab"!important;
        font-weight: 500!important;
}


    .gvHeader th {
        padding: 1px;
        background-color: #fff;
        color: #5d5d5d;
        text-align: center;
        font-size: 16px!important;
        font-family: "Roboto Slab";
        font-weight: 500;
        border-right: 3px solid #008d4f;
       
    }
    }

@media screen and (min-width: 767px) {
    .schollgrid .gvHeader th
    {
	 border-right:25px solid #e67e00!important;
	 }
}
@media screen and (max-width: 767px) {
  .schollgrid .gvHeader th
    {
	 border-right:3px solid #e67e00!important;
	 }
    }

   .candidategrid .gvRow td {
        font-family: "Open Sans";
        padding-bottom: 8px;
        padding-top: 5px;
        text-align:center;    
        color: #ffffff;
    }
 .schollgrid .gvRow td {
        font-family: "Open Sans";
        padding-bottom: 8px;
        padding-top: 5px;  
        color: #ffffff;
    }

    .gvAltRow td {
        font-family: "Open Sans";
        padding-bottom: 8px;
        padding-top: 5px;
        text-align:center;  
        color: #ffffff;
    }

    .gvHeader th:first-child {
        display: none;
    }

    .gvRow td:first-child {
        display: none;
    }

    .gvAltRow td:first-child {
        display: none;
    }

    #mainrblsearch table td:first-child {
        padding-right: 25px !important;
    }
      #radiocandidate table td:first-child {
        padding-right: 20px !important;
    }
       #radiocandidate table td:nth-child(2) {
        padding-right: 20px !important;
    }
    .radiographtab {
        margin-bottom: 20px !important;
    }

        .radiographtab table td:first-child {
            padding-right: 25px !important;
        }

    #detailsstudent span {
        color: #212121 !important;
    }

    #detailsschool span {
        color: #212121 !important;
    }

    .marginbtn10 {
        margin-bottom: 10px !important;
    }

    .marginbtn20 {
        margin-bottom: 20px !important;
    }

    .margintp20 {
        margin-top: 20px !important;
    }
    .margintp10 {
        margin-top: 10px !important;
    }
    .replacedp span {
            font-family: "Roboto Slab"!important;
    color: #5d5d5d!important;
    font-weight: 500!important;
    font-size: 18px!important;    }

    .replacedpr span {
            font-family: "Roboto Slab"!important;
    color: #5d5d5d !important;
    font-weight: 500!important;
    font-size: 18px!important;    }

    .replacedt span {
            font-family: "Roboto Slab"!important;
    color: #5d5d5d !important;
    font-weight: 500!important;
    font-size: 18px!important;    }
        .replacedp label {
            font-family: "Roboto Slab";
    color: #ffffff !important;
    font-weight: 500!important;
    font-size: 18px!important;    }

    .replacedpr label {
            font-family: "Roboto Slab";
    color: #ffffff !important;
    font-weight: 500;
    font-size: 18px;    }

    .replacedt label {
            font-family: "Roboto Slab";
    color: #5d5d5d !important;
    font-weight: 500;
    font-size: 18px;    }
    
        .replacedp p {
            font-family: "Roboto Slab";
    color: #5d5d5d !important;
    font-weight: 500;
    font-size: 18px;    }

    .replacedpr p {
            font-family: "Roboto Slab";
    color: #5d5d5d !important;
    font-weight: 500;
    font-size: 18px;    }

    .replacedt p {
            font-family: "Roboto Slab";
    color: #5d5d5d !important;
    font-weight: 500;
    font-size: 18px;    }





    @media screen and (max-width: 767px) {
        .replacedpr span {
            display: none;
        }
        .replacedpr:after {
            visibility: visible;
            content: "Pr";
        }
        .replacedp span {
            display: none;
        }
        .replacedp:after {
            content: "%";
        }
        .replacedt span {
            display: none;
        }
        .replacedt:after {
            content: "Th";
        }
    }

@media screen and (max-width: 767px) {

    .tblinnermarks th {
        padding: 2px;
        font-size: 14px;
    }
    .tblinnermarks td {
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 2px;
    }
    .gvHeader th {
        font-size: 14px;
    }
    .gvRow td {
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 2px;
        font-size: 14px;
    }
    .gvAltRow td {
        padding-bottom: 2px;
        padding-top: 2px;
        padding-left: 2px;
        font-size: 14px;
    }
    .marginbtn10
    {
        margin-bottom:10px;
    }
}

 
.marginm30
{
    margin-left:-30px !important;
    margin-right:-30px !important;
}

.btneb
{    

     position: relative;
    overflow: hidden !important;
    padding: 6px 22px !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    border: 0 !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0px 2px 10px 0 rgba(0,0,0,0.12) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0px 2px 10px 0 rgba(0,0,0,0.12) !important;
    -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0px 2px 10px 0 rgba(0,0,0,0.12) !important;
    -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0px 2px 10px 0 rgba(0,0,0,0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0px 2px 10px 0 rgba(0,0,0,0.12) !important;
    -webkit-transition: all .3s ease-out !important;
    -moz-transition: all .3s ease-out !important;
    -ms-transition: all .3s ease-out !important;
    -o-transition: all .3s ease-out !important;
    transition: all .3s ease-out !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
    font-weight:bold !important;
}

.btneb:hover
{
    text-decoration:none !important;
}
@media screen and (max-width: 767px) {


    .margintp15m {
        margin-top: 15px;
    }
}

@media screen and (min-width: 767px) {

    .margintp6 {
        margin-top: 6px;
    }
}
     
   .btn-circle {
        width: 30px;
        height: 30px;
        text-align: center;
        padding: 6px 0;
        font-size: 12px;
        line-height: 1.428571429;
        border-radius: 15px;
    }

        .btn-circle.btn-lg {
            width: 100px;
            height: 100px;
            padding: 30px 13px 25px 13px;
            font-size: 18px;
            line-height: 1.33;
            border-radius: 100%;
            border: 3px white solid;
            min-width: 0px !important;
        }

    .bnt-circlecs.btn-lgcs {
        width: 60px;
        height: 60px;
        padding: 17px 13px 25px 13px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 100%;
        /* border: 3px white solid; */
        min-width: 0px !important;
    }
     .bnt-circless.btn-lgss {
        width: 60px;
        height: 60px;
        padding: 17px 13px 25px 13px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 100%;
        /* border: 3px white solid; */
        min-width: 0px !important;
        background-color: #e67e00;
    }


    .btnprint {
    border-radius: 100% !important;
    /* width: 40px; */
    /* height: 40px; */
    /* padding-right: 10px !important; */
    /* padding-left: 13px !important; */
    /* padding-top: 10px !important; */
    margin-top: 10px;
    /* background-color: #555; */
    padding: 0px !important;
    border-color: #ffffff;
    background: transparent !important;
    }
     .btnprints {
        border-radius: 100% !important;
    /* width: 40px; */
    /* height: 40px; */
    /* padding-right: 10px !important; */
    /* padding-left: 13px !important; */
    /* padding-top: 10px !important; */
    margin-top: 10px;
    /* background-color: #555; */
    padding: 0px !important;
    border-color: #ffffff;
    background: transparent !important;
        }
 .btnprints:hover{
	background-color:#e67e00;
}
    .qualficationwrapper
    {
    margin-left: auto; margin-right: auto; max-width: 380px;margin-bottom:50px;
    }
    .backwhite
    {
	background-color: #ffffff !important;
	}
	 .backschool
    {
	background-color: #e67e00!important;
	}
		
.backgreen
{
	background-color: #008d4f;
}

 @media screen and (min-width: 767px) {
 .canupperd1
	{
width:65%; margin-left: auto; margin-right: auto;
}
.uppertabcan1
{
	width: 70%; margin-left: auto; margin-right: auto;
}
.innerlinecan
{
	width: 80%; margin-left: auto; margin-right: auto;
}
.candidategrid
{
	width: 80%; margin-left: auto; margin-right: auto;
}
.schollgrid
{
	width: 80%; margin-left: auto; margin-right: auto;
}
}

@media screen and (min-width: 767px) {
.innercangraph
{
	width: 100%;
    margin-bottom: 25px;
}
}
@media screen and (max-width: 767px) {
.innercangraphm
{
	width: 100%;
    margin-bottom: 15px;
}

}

@media screen and (min-width: 991px) {
.paddinglr0
{
	padding-left:0px;
	padding-right:0px;
}
}
.tooltip.bottom 
{
	
	margin-top:0px !important;
}
.fontweight300
{
	font-weight:300;
}
.fontweight400
{
	font-weight:400;
}
.fontsize18
{
	font-size:18px;
}

.candetail1
{
	border-right:2px solid #e67e00;
	text-align:right;
}
.paddingtp10
{
	padding-top:10px;
}
.paddingtp25
{
	padding-top:25px;
}
@media screen and (min-width: 767px) {
.schooolup1
{
	 width: 40%;
    margin-left: auto;
    margin-right: auto;
}
.buttonseachce
{
	
	    width: 10%;
    margin-left: auto;
    margin-right: auto;
 
}
.buttonseachce1
{
	
	width: 12%;
    margin-left: auto;
    margin-right: auto;
 
}
}
.paddingbtm5
{
	padding-bottom:5px;
}
.paddingbtm10
{
	padding-bottom:10px;
}
.paddingbtm30
{
	padding-bottom:30px !important;
}
@media screen and (min-width: 767px) {
.paddingl0
{
		padding-left:0px;
}


.paddingr0
{
	padding-right:0px;

}
.borderlefts
{
	border-left:1px solid #e67e00;
}
.borderleftsw
{
	border-left:1px solid #ffffff;
}

.textalignright
{
	text-align:right;
}
}
@media screen and (max-width: 767px) {


.textaligncenter
{
	text-align:center;
}
}


.gridsupperlnl
{
	border-left: 1px solid #ffffff !important;
    padding-left: 10px !important;
}
.paddingright10
{
	padding-right:10px!important;
}
.card
{
	padding: 0px;
	margin-top:0px !important;
		margin-bottom:0px!important;
	}
#bt-slider
{
	display:none !important;
}
#_pagetitle
{
	display:none !important;
}
.sp-breadcrumb
{
background:none !important;
}
.main-content-zone {
padding-bottom:0px !important;
}
.withheldtext
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.marginebresultsbtm
{
	margin-bottom:-25px;
}
.marginebresultsbtms
{
	margin-bottom:-26px;
}
@media screen and (min-width: 767px) {
.borderleftlinec
{
	border-left: 2px solid #558d32;
}
}
.paddintop10
{
	padding-top:10px;
}
#btniconccs
{
	padding: 0px;
    border-radius: 100%;
    min-width: 0;
    background-color: transparent !important;
    border-color: #ffffff!important
}
#btniconccss
{
	padding: 0px;
    border-radius: 100%;
    min-width: 0;
    background-color: transparent !important;
    border-color: #ffffff!important
}
.paddinbtn100
{
	padding-bottom:100px;
}
@media screen and (max-width: 767px) {
.paddintops
{
	padding-top:20px;
}
}
.ms-webpart-chrome-vertical {
    display: block !important;
}
.ms-webpart-cell-vertical 
{
	display:block !important;
}
@media screen and (max-width: 767px) {
.candidatetop
{
	padding-top:15%;
}
}
a img {border:none; }
.btn-wrapper
{
	background:transparent!important;
}
.myselect-container {
    position:relative;

 
    /*for contain our absoulte select tag */
}
.myselect-container select {
    position:absolute;
    /*for put our list on other tag */
}
@media screen and (min-width: 767px) {
.gridd
{
	width:100%;
}
}
@media screen and (max-width: 767px) {
.gridm
{
	width:90%;
}
}
.hrschool
{
	width: 128%;
    border-color: #ffffff!important;
    position: relative;
    left: -14%;
}

@media screen and (max-width: 991px) and (min-width: 786px) {
.candidategrid
{
	width:100%;
}
.gvHeader th
{
	border-right: 20px solid #008d4f;
}
}
@media screen and (min-width: 767px) {
.padiingtables
{
	padding-right: 22px !important;
    text-align: center !important;
    padding-left: 24px !important;
}
}

@media screen and (max-width: 991px) and (min-width: 786px) {
.schollgrid
{
	width:100%;
}
.schollgrid .gvHeader th
{
	    border-right: 10px solid #e67e00!important;
}
}
a {outline : none !important;}
a img {outline : none !important;}
img {border : 0 !important;}

button {outline : none !important;}
button img {outline : none !important;}

.qualficationwrapper a:hover
{
	text-decoration:none !important;
}
.marginlabelfix
{
	margin-left:43px;margin-right:38px
}
.tooltip-inner
{
max-width:150px;
padding:3px 3px;
	text-align:center;
background-color:#ffffff!important;
 
border-radius:5px;

}

.tooltip-arrow
{
	border-bottom-color:#ffffff!important;
	padding-top:0px !important;
}

.lnkssc
{
	font-size:18px !important;
}
.lnkhssc
{
	font-size:18px !important;
}

.lnkssc:hover
{
	color:#008d4f !important;
}
.lnkhssc:hover
{
	color:#e6ad10 !important;
}
#rbresultby
{
	margin-bottom:10px !important;
	
}
#rbresultbyt label
{
	font-family: "Roboto Slab" !important;
}
#qualficationwrapper div a
{
	font-size:16px !important;
}
#orlbl
{
	margin-right:20px !important;
}
#orlbl
{
	margin-left:20px !important;
	margin-right:20px !important;
}
#orlblt
{
	margin-left:51px !important;
	margin-right:50px !important;
}
.marginbtm20
{
	margin-bottom:20px;
}
.margintp20
{
	margin-top:20px;
}


.qualficationwrapper
{
	display:block;
}